<template>
    <div>
        <Swiper auto loop :list="productThenImg" dots-position="center"></Swiper>

        <div id="goods-page">
            <div>{{productThen.nameOfGoods}}</div>

        <div class="goods-price">
            <div>￥{{productThen.price}}.00</div>

        </div>
        </div>
        

    </div>
</template>

<script>
import {mapState} from "vuex";
import {Swiper,SwiperItem} from "vux"
export default {
    components: {
        Swiper,
        SwiperItem,
    },
    computed: {
        ...mapState([
            "productThen",
            "productThenImg"
        ])
    },
}
</script>

<style scoped>
    .goods-price{
        display: flex;
    }
    #goods-page{
        width: 100%;
        display: flex;
        justify-content: space-between;
    }
</style>